<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3871291" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe70f;</span>
                <div class="name">重点项目</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe704;</span>
                <div class="name">3</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe705;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe707;</span>
                <div class="name">2</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f3;</span>
                <div class="name">冻结至当前行列</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f4;</span>
                <div class="name">取消冻结</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f5;</span>
                <div class="name">冻结至当前行</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f6;</span>
                <div class="name">冻结至当前列</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f1;</span>
                <div class="name">截断</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f2;</span>
                <div class="name">右对齐</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ea;</span>
                <div class="name">顶部对齐</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6eb;</span>
                <div class="name">底部对齐</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ec;</span>
                <div class="name">居中对齐</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ed;</span>
                <div class="name">溢出</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ee;</span>
                <div class="name">中间对齐</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ef;</span>
                <div class="name">自动换行</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6f0;</span>
                <div class="name">左对齐</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e6;</span>
                <div class="name">字体</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e7;</span>
                <div class="name">段落</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e8;</span>
                <div class="name">设置目录级别</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e9;</span>
                <div class="name">选择性粘贴</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e5;</span>
                <div class="name">icon-kfckfc</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e4;</span>
                <div class="name">拉丁名</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e3;</span>
                <div class="name">环境容量分析</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe706;</span>
                <div class="name">合_16证件编号管理</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe656;</span>
                <div class="name">latin</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e1;</span>
                <div class="name">文本预览</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e2;</span>
                <div class="name">生态效益</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6dc;</span>
                <div class="name">展开全部节点</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6dd;</span>
                <div class="name">折叠全部节点</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6de;</span>
                <div class="name">大纲图标辅助指示</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6df;</span>
                <div class="name">记住大纲面板状态</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6e0;</span>
                <div class="name">大纲联动</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6db;</span>
                <div class="name">符号</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6da;</span>
                <div class="name">导出excel</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c0;</span>
                <div class="name">边框</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c1;</span>
                <div class="name">111</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c2;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c3;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c4;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c5;</span>
                <div class="name">对齐</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c6;</span>
                <div class="name">格式刷</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c7;</span>
                <div class="name">加粗</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c8;</span>
                <div class="name">文本背景填充</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6c9;</span>
                <div class="name">剪切</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ca;</span>
                <div class="name">万元</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6cb;</span>
                <div class="name">上移一级</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6cc;</span>
                <div class="name">替换</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6cd;</span>
                <div class="name">导出word</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6ce;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6cf;</span>
                <div class="name">斜体</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d0;</span>
                <div class="name">文本</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d1;</span>
                <div class="name">橡皮擦</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d3;</span>
                <div class="name">下移一级</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d4;</span>
                <div class="name">粘贴</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d5;</span>
                <div class="name">重做</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d6;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d7;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d8;</span>
                <div class="name">新增子节点</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6d9;</span>
                <div class="name">新增同级节点</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe6bf;</span>
                <div class="name">生态效益</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe600;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe69a;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe69b;</span>
                <div class="name">文本</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe69c;</span>
                <div class="name">设施</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe698;</span>
                <div class="name">置顶</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe699;</span>
                <div class="name">置底</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe723;</span>
                <div class="name">关闭1</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe726;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe727;</span>
                <div class="name">加号1</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe72e;</span>
                <div class="name">选择</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe732;</span>
                <div class="name">标星-fill</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe733;</span>
                <div class="name">标星</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe734;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe73f;</span>
                <div class="name">卡片形式</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe742;</span>
                <div class="name">列表形式</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe76c;</span>
                <div class="name">顶部</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe772;</span>
                <div class="name">向下2</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe773;</span>
                <div class="name">向下3</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe774;</span>
                <div class="name">向下5</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe632;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe640;</span>
                <div class="name">亮点</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe691;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe692;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe680;</span>
                <div class="name">文件摄制</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe681;</span>
                <div class="name">规划文件</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe67c;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe677;</span>
                <div class="name">字体底色</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe678;</span>
                <div class="name">编组 38</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe664;</span>
                <div class="name">蒙版组 2</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe665;</span>
                <div class="name">组 113</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe666;</span>
                <div class="name">蒙版组 1</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe667;</span>
                <div class="name">居右对齐</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe668;</span>
                <div class="name">居中对齐</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe669;</span>
                <div class="name">居左对齐</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe66b;</span>
                <div class="name">斜体</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe66c;</span>
                <div class="name">两端对齐</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont-1">&#xe66d;</span>
                <div class="name">大纲图标</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont-1';
  src: url('iconfont.eot?t=1686985621079'); /* IE9 */
  src: url('iconfont.eot?t=1686985621079#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAC/QAAsAAAAAYKgAAC9+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACObgqBmjj5MAE2AiQDgwwLgUgABCAFhH8Hij8blU6HDikMGwcA/oVXiqhaRaIoV6Mk+///mKDGEdViinL+h2BOJNvOrh10pUvXhg+sQqTdvu7DP4fAIcohnm+6qyTq813GKmdiT3ssg2/EQ6FhtJh2RrehQcE4qPhcuLC0ny51LRQVy92b6r9iy7PqIUlowgPlvb1Bkt/8eiEp7ZI38AqdJM6snWO6DOXiB0TIq8nasWsJG9v4G4ZazdGcZIdzZK4p/O5SeEI38pudmpBNHxg6yNmcfZ4DICXAbgEw+E7tpfZQSoeSHCgclAbERyDZbY+aLm2OOqL82L/2LwU2DhhGAE78YHh+br1tsOi/IFZND8bowWBzMEoQNmIwsg8E7CkgwwSDMsA6EePQJlSsRvHujAisBgGO1YCvMoGi/xscNrqNUSKpXxHVZlqpiQQwQM1zAnu/15lFgnOmaHZtOd+1sY/tvQEG6XNCImg2EAE88FyOW88DPP8A1Jh317QxsXQtCjzjstIs8AQyx+bT6VerkQNOFgC9iC13XHVbzowUr2dGys9Izq4lJRvL/iR785/HWYgW/TnOT5aADkj6aPvIsAT2AUBH1N27qrjX3+u3vKK8qrx/RXNF055v+1z7wPK1Y5DbiW1LzCFGhmv1t0NcFtpo/ogzqXpcjzFXYP5aaLRITzFBXCk49n+CAHxKUh1Zt37TtsQP7TV2OJnR0K2A/aoYOmhALyLLDlrJCiKxm/pS+2JZHJDz73xgKf9evElpYYDEUdBbLfvX68thgx2rggVB3c8suws8loADKKBoZV15Up+Jw1HbeVEUvvRtLVYFSpITTaLBlDY7U5lFs2oOzD3DZoVZY64YDecR8qo6RrYOdrJXuORgMKN573222elhx9UkKplB8rgejYROCGarzT0qGNs/0iQOZY7+ETyqfz3uNy/Kqm7aLknjMPIDyqMNAYViqVyp1uqNZqvd6fb6g+FoPJnO5ot8LplKZ7LxRCQc8nwZ2BDDCY5rsqg0OsMPKgqIgyjJiqrphmnZDiPCciwF9H4Bx78gwkYvOKmGs0ZImAtv8+DDfPi0AL4shG+L4McS+LUU/izL1xXWAZ7Ww8uZ8NACN+fC3Ta4uAyudsLBLjjaDVtXwc7VsPcwrB2Fkkeg7FGoeAyqHoeaJ6DuSWh4CpqehpZnoO1Z6HgOup6Hnheg70UYeAmGjsHIyzB2HCZehan/wsz/YO7/sPAaLL0OK29A0ZtQ8BakvQ0Z70DWu5DzHuS9D0kfQMqHEPMRRH0MEZ9AwNpYSAPmJaQF8wrSgXkNUTBvIBbMW4gD8w7iwbyHBDAfIBHMR0gC8wliwHwGH8wXcMB8BRfMN/DAfIcIWA0SrAMKrAuZwHqgwSaAAJsH6oLND/XAFoD6YItDA7CloSHYMtAIbFloDLZGiyYIa6NFU4RD0aIZwtFo0RzhGLRogXAs9mgJQJ/uyUkQu0NGC9m3UFcGPCMBFQIPjVvoVR3UvbbnoD8jCq7qtnWdkJNz256H0CPZFZST4CUTiRGH6QVzPmHyDj6Rz/q8h8b3TMR4iEZgchs3YVrTpYA7psMEhcZdAlABt3NRO7+++QggFHmCBOkWArclwaSJQVo6nEXNSE5Kxw8Bd4iOzwSiUxcCAqqmnc/NLeliQwDo1Mp61ik3wmHDY4jRetRnISWlf4Xm6PQgqFEpQ06h4IAPhhF6PS0lXYCM4y5rAQuoDemQaToWB0YHD9sWoMFozBqda6FPqXQDbea5iUBLF4VEnPy5UV+g3ox0k8jSoe8auy4FzDVK0wtADwEvqDFFqaIPfvSCDxdatq7jD085f1dNuG4iEanuGrlX8wW9MI5ePAiiWhETfs2xbC4zAO1WO2rn6AENIJBgYuKaYebe2j8SFkaF/RGmXMm+o7AfFVVAaraZbQS/S7ly4wSQtjTLepXJilAyY/zVmydhxKduXcOvNgiclbwJtLNwPmSFVSA8g8pM5mZVUmS7JFUUxxAyX/sjV76Vf17vC40XqMyQglWRFGHVnJJomENFu4pl29ZNwvlzVAjDkiObss0dcW6dC64IWZEpnbe0bfHCjuUL5oBm1TQ+djoVktVNcOKvYyAHgi9ABmFjSfNHE3IfNH7YX8DxOz6keG9eZDYisGWJ8DJFWyok97nUgLVF9lSTJBtglsxQ33xLVeIQj147uh2z/RAZRgyJYcjDsEmDwLBZg4p3x+wwCmggrQawxjlet262G4iMA/YE5OEGzKJmBmDMIuRE+zCm+l02zFOWAZ0cbIguXykbfzV5T3O5HFOp1C2qhjURKhLlWTQn0uSzja8a+SgLRJ64Kdx4cQeE7vZzlPmXd3Ml3nuFVzN/3evdwLncenpHN7nhqS4y3ra1koOteEA6V/eh5uBeOZYLOXEPC93FnocbjQA36P+LIFUISBTgHQxwOgWjyF6TKoNVfy1XTgDc8cviQ6+ehMCnrmFrvGt5Hk6lZJ1f/DP8BNiNhFRIMIONCORBQZFxajeGjjSRnhQPgJCRh8sB3i8hdxi4fPNKFSHwdGpGpdDMirLqIvS+5CyJN/jFq7Y//vzNZFok0HxkvKt64sWrlTS7+iyUTbVQydU3B6GNstTXaDzOcQzLekK+ao2B0sWZ5nUeAgdcpWdZat60h31RHd5qkOnVkz7EkrIcMkkdHxEY35o6ORDRBtw88BUgoKD6fUVehvQLAyMsnyP4C+FuV8RgUjxIAPTLoSPo2+AXIdBfjkUASyPlQhv4uDSPZEPUFvBD8RB2U8Vuh9pnzmb8jQLXKXPkhAAfEf5J9hjfdqU0uZgsEu6zaDOWaTjCF+B6D/iZkTCkC8tCcPOObzMKgUPoITwmIeqKlJ8hr4dnmOyHNQyFU5EyCByWjlPwWiNnPDkDtDv9GBX607Mw4nPPDDZK3gM0Kr1vM95UqjmjOYr04508v90KSF7d65BF+M11TuTo53fKX6CAnKlBKR1TXV6bd0l1BVRiPoO5SU2zz4yC0cotuIEUDryRJMep0zP7fZlAp4bliiXkidlLQKB7mHmfmwR3iR7Qx+5QRXhIJ9fRV+Q7L7anOwzCo8DwqBoC9feWX3QZC7BhpK18ucxsm7n3kb/Y7Z/VonvvpvQ4NdmdvZAAzgS4IwmrQBG15GL7QciH4DHpLF8/fjhR8CpYpCAn+0+ReSAeiN2dF6r5q3upaPbkkEGFZdHYX+46yvxNmPAtnAZtmK44cT1mo7qssuYIBih+Fu6ucxHJDffxzkS9rsjhRYxEfdWdzDu7Ddyderz19CeHP60vu7OOSq+izxryN3VxYOr+3ouTT352sOPQCpoRDDfkpXVRVyIhsJ5bCPm6SHklwpVhzvAocC6pB0vC0Kk95Bh02FLdMhuxtU26z3yUGjII4jPTJsiDWgS+fzRsuDn2JrXkaJPq7jnoLUIxrPSHpSpknMSHMaZgsT1ISdzY50i3VVe/XeVv8pam9i+Xcy4U9pNBs3uoerBUo+k0G75vsJw/0JWu9GysHSr6uKDX4FBfTRPxXOSrTOZV2b8mAaMWxeltCfmXSfa7dm8BHm2ReKyFmC7pgj/udskJJEnzvRKsOz2Jnji8NGOiyvtJJttS9la0iHJmb8smGSEUR4LwlOWMN20fqK/nIv1tO8TKKfQ50oeazZCeAT8Cv1vwr3671ZTe4bwW414HRMoREmM2+1CTpBZqUUDAd+f392JKx4nRi8IWFc17fZVCqEXUzSAQuDDkBAMD1yMzIBtXSuehc+CCyJdQKm1rmCdDViKdYbmxTq26+ZOlWe2wG6HCKuTz+/DtSsUrJOhvKOornjY0lPCw0+Rr4dH+fK95vrNzjN6Q3+eWiwpuCF7Ij/aXUdOqCIEoKL7cvgykq+BBtDk0qArYHmNSH5OMe2QS9TAFLU+mz6NJbmmTR/xG2DuMgpJ4wRrnH12gY4QZRWMXiIMukGqqW25yr5Hxb6GeNEFaiZcAI3xfEnbwR68e9u7ILxw0q0VJKUm7g6i+hys5skPsdg6xn+yLXPwg5zKmqsNvwwggtEeiLgrepVT0f5k1hhCwr2eyBlP8X9A6J6x9r4aYecAhaILtM4A4zckbEJCD0iIXGX6HCR3YojdBx5glnfU4iONv2yyGcR+spetfzWxZOu2DY0AAa44aSgR5tb/44vprU66l7hlCLWQalo1O5dsbIFj6vO+cqwPHn88Saym/tAzS0uVL/Xn8z+zgL6Mroa2udbrT2u9eZLvsQ5vt82SHecC7JO12Du4wJmB/1/RGQ4sioV8+rp64Ylw7pZ28uhn0RmEKhqxmaplnTJ2NoMV/FTFStLCfjEO6gy9ybEY9kLHdMU/ngHt+zi4wZh+SlFKINEnNfqXmJep1YVV0OKzMGg25GOTKfvIo6tViqVTDAZctuFxBKyUeHx9lKaOs+yxqTbMkLjWjWW/lKN5tWKQvX+5uHJnn5zi+IhuwS1gqGcWtg9VOwPrXc/rbnZ1rsbFF+qlKaJ+oAr429kw/awQH2JCO+det5E2H4107BXXV9DbUDoVyXpfYBBB+gncdEKtYdDSbWme5T0lfBFyrDA5JprZ7ZF3WYyMGCWrPwFRNF/JTYqNSGZgMUM+/+VkJHk0S3oHe1/x2r0nyxGz81Fh+d7PsP7zfm3EPT6PCwzT/5thZTq0CyXCZ2VLWqdHf5uZYLT0cSPvZOJP+c5FjM+qCrK2WUUbv4JB/kXDZLhNiHqDCCFLNmq+78SbV6zbUWRBGskYPawmIDHAUtQHkt/MfI2jiGESU289bsPOhjB0MegxRWTcIw5ZKMuZVTWhr8JDn3YvJxv8UKdo4XjZgDI8A56J/nISCSpESiRxXAdT4aqWr68q0RCHRppy1KB1o5PbN7pjCUJgsMlbsZnb3/M7CTCzHiRkHI5xqJlD42t5PlVKpU0t6aj07DW+9onKAcJOKgttptpzGJWW6XZIkp0JXWYQrtS4hH5yyRq4mdZh0Bj+2WJKUPx67VssO6CRkT4LS0R7JrD+0IL/Cr/F83CwbpW9+9SIrJtk+xW/TudQjbRaVI/EMN1n1ZEopZYNHf3Lln4zI/loToo8RqDxWAp0ER1mXgUr9EieudGGAvfj6FmwtX44TVryK8Oh6192fj0lXML24lpIoCaOKFUfzfaQW4uo2gI6oaTuNkOAnvYa5bDSwLEGSM+VcRBCzq7hB5E1KEWg7ZVC7ZVxJ0FTpWg+2+xLSHDGp7s0WG2T64DjtM/ZSoszE57h39CTIqyKQEF6s4Xgyh8pxcbRZKhE5eNKFky7p/UvPOEHzzhOu6/ksemOwa3b//lZwQ74Flh6iNd9bneyf7JSu7wNu1NVwaeZ6GDYsPIpWZJ0L3gGSccNQ1urrUTQlG5w7enbyzfCHQX3UezQlsMb18OHTydWzR6MVgeRIk6qbFNW7k24qMAEK2Esy28VT+9qn4BcDPHiZnSQI903AKlw0C6aT63LDTScjZNJHCE00StHVdXFxSJL+YYU2geRPSV8iWCPQlM39/HmSwEp2cHhkHE3PJ8aphWlwkiOf82qlIhvpEkuQNDTxrEb3GkGphyvKe3h6zh4AbEzD8yiLvr0YpTjJsIfK/ML7D7NILzgaBB3R7ElF2p51NF8nmRFbd1U6rDDjGVJ2IpPXWFpvjNiD0fYK36c7RL0ihg/RAlj/5MZxASsYC5OKuVMAgbJ+LqZhU5o04ZUQwkx/TMjZZZKRk+NpK48QS3KkTLzOnG2zoQHbRuBN0jdomvkCFX3bbMomhcVs4Nsc1TuqhXZR+kVOWhrucOEMLjqrqEPxv220Gt5Xrq7OcTCIRfvTlvUs9Ft5M4dykgRBCpgYCXApMN7La9TzK6lFRZyS3TAZpE2UaQY2Tm4uisNPbvak5Aj0al3K6Ja46hZfdi/v5cOwLetePWejtlpRDcRU3isdI7Kaov3SY9M8qevkbG1KWkadZnXC39eFYV35mpZR3UZa73eo1m2kDFF3qq5NjH26S1WWGqCyajH77apRzOk21Wm1yla58f4p8l0lguy0XeoCX5CVL1dZbjHUxDQuhHIBywKhKJu4LCvUKON/e8IV1W64FbPZhJMNyMo9RXTVAsudahKCrctzyX8PuflpLjumPICJEKPJm76vXlYUIX4QMld+2pyVM2W9e4QPe0+MZ8uS8nypIs5QE4UbXRXA66ndSpWCvWTxZncVRpsRTcTzYNQYyGciCocdSNsSJz9SZxR1R9g+yaSUkqQeqStCd0+kVaLyxvcD+yUiHcjFz+fusdWTKkWfJ9ciN4AuQKNy11HxH4hHQb/N1QeyUSWptmojWxsskPqkFlZ9Su3dZxs3ySwSjS1tfDDJa9s7EINUNSd/+IWXw7YD04a9ejQje6rjUGPxVVQXcPwWvdc9/SpN4g+ejSkQSMKnSKYE59oPrg3dx72Z40HiDVznkIVkr6lGjyEY2UafscFOkgQQGxxnu3MazJqRAysFhPpMUCFA5hQCwMJwoBTlsTBCPZ7SCi+xtw9AAHYz6IBUWOP0ejvYDPk6jNq2lk36+pLYGds3ApsLVg2QBGFV3NvBNDI1YrOYiYqlxv4y2pZmc8GWBvKkL8fOUHvcG1xeQR7joSKYYV9mmvjVtYDZ1WmZFa4vyL3+0JpcDRb+YgQrHjLifpJQjC+Ix73BxsXZaP/CfsBVb7seOOMv1EBuc0aibJ6z+8rayFr9SrcAUUNyYm1ubxXKd4a/nV0/N0wU90hODQ+TfaHr5m6oDylEtd7IkOdPiRXMcMq8waup0FZMaoRexDlJpqfG5svVN1pLUH41vs/Iz/xWr5yG9p8H2cKC501HI2hQforzQngYeVbsrBhIA5csSE+BaC8gqavJNSfBVhPCzEz2MSrZGREhJbB0peCv2y0372jmXQR8kMHx47UZtbeIA9SK7T3fz25wU74wZAG2o+2HdWEVgy+NmkeJqF3mXSjH9uZQzQLtPrVmZTNjVft8vOr5nMsfe9k5zNCFohESMkBGZRpwxWPux83HgeWc+bNjdmpmAJi7Lt5/6XPfrDKzaeCm72E0d78fOAJUwI1eO6rAKlrvthlTNm507zMLzePXTsY1Kl+4Qr572fnjuj/mgeb0Dic7rRB0xFfcbPBp8JlRUZlFoIEYw0kz+PqIS4ld3/ZDtLJ1V5YkFyQXHLAi0ByoNEvDw6Xm4oBV0SxVfjR/jAhlvMjO6mGGtpLouc6LUEbey/5SUz62D/NdbhGPq8TvxapxJ356zne69wwDg9R35hhJw9GSOrDfeqitX7Fn4CQtqU8Y2w0FfkKLoM1RYCNwbLPi1nPL1ZE29Dd0q9ETJ5UV2RWezj9Tw13DVUtilmR+tY+0/7ET7U5Fvop8uQ5XB9JxC/PGGmYjc/UNJmCe3YZXt/0s848EDuAbcW5qAjdLs3vLmDdg4QazgnljuyVt88p1FXjwyQGe4ohecn3mjdWwtGZOpcSRCl1lfIKnKMLdnkjSyXkLF06vCl/lvwmyUk6Fb52zLvwgxQqBrtfiq6quQgweF1PED4NPVVWPxFA4hZnINDMNTArDQNecOLmtBtuKoWJasTWY3TA8nx1ASWQVtCmmii/glq5k5RyNa2kQRKZKAwazlGpBYxpImsGOjf6ulrSRiK9HOHW1lpMbMehWag8Gs5E3ECgbLNIwiSRMekeac8Mk0gEm3Bfb8436rQfry93KHSDgjsXFfuW//FfsBhRJQxrBBAqYEZLmLwurDwf495G0pzeideibZJ0Fy/VFeoHu9vDto49uf9XY5bpwHbDky8EA+h8SJly7OGcCLDbe+5dho4Hw2Hns+VgmmcqwhUVhuu1JMSo77HtKPQoNT5fnYqEFKbbORw/H4STpk0fZrqd4OL4E0m9MXM6UMxbY+9Dw6H3c7mwSCz/F1ia0zSOCU2yTj1qaPgrn5+sxVXaUljV0O+qKJ1qCzAlP2xPre8lsYMFRAXEwIwyPxUyH1dQuxqIL0tvtsCsKXDg2F1wiZuVuoS5/k423CyBwDiBi7Lm7CD6JRZzIW7UOWjhpxRafgMmkSKztGtoBW3s0DsXSObeFNUzhtiWIEkz5Nqg1GA88QYewoPT4OqGvRJfKwfED8ZtmBxPzk+HAH2HhqMY5hZxxFYd3WqcXiMhJziMVk40TArqO7RVkH6XJpPSx2U0aDh8RrHOAnXu+PG0y2IIImibOwf0HVUvTUhzTvl9LY13yjjgQAeTrVSoCxIAIu9SZaZbtOEIEdL1/doPS9G7KJMq1c/miY0GiHAs6Jjo9t2yDgtPFySffApvtzc4BogMe3nDPc9DvSV1LkLhBIgZ+wnl5A4mDdcR6WrYWygfhobJZQGmBDUB10G7LneTm/x6kuo5TYhsHhTAUZueS6Si8nOsVCSJYKa5Uh3EyM8LBpLoIEJYz70gmhQyTSM5woo3u65+2tCT/l8az7yv/fCicrhbJe5EN1zaQmIs6XehEPJHjEWw/OB2+1qcmIFUAuGQO/vKniCLtrOUSQcQrEuXqLhD43vL6upeAcUHyXi8EQv17yRAqlDjG6M6jzr9XEZR6ke1C2NncIW42G1DfBh6RTw4Y7HF3eUbms87Hbj9DnC8hCz8VtNECgzGQkfG3GsfaQ8t2vrLHZ5nr3NCR7d5LL2a3iEmh1Zx4iYbrlGYWFnPjHO54/sC+tnrbqVf4h2vO1na+gSv9r0GTl677+WAwwKM4HVOTVkqIMaHTAxFjr7DFV97sCGE+3xfv/mrJbFTDsrcrNnViSpBx0giRu97fNI17tI24bT7X+sexIsx7dRbcNq5s8kwQOPaLnEf6YTjpr1A+Hz52+RwY6TXE2yIUDfPyJ4Zq/hCf/T38LOQ63iEm+kWifv5WwN+OO4scD0bOn4ihLyqeXBBEPgq4wF5DsMl3D/2S4JbksStZMlTto4Dnk30wwghC+kVnhcP82tQs4Afubruh/YdbCE9P8m83yHPfF/bdgSf/Xfxse+Mi8sjbn5+Onzwa+5nlDYZR1109jzo8gLx6AYU6LnLgMIpdmFG4pnCt/1wBn90WQWQIppg8lUzMcEUVoate2laKYeCd0/o2OZeIINKOoq8LA0IwYCLXqBD72oXovrr1aKZ8F4WJgjopR+PkR6l4BKVz43YPH3RKH0WwbPhBIRdfuPuRlNcG20+aCrN/YcTYVhG7UVivMET5fHe1Ykt7qBcShZg8BXz6Y50Eh4kKgP+xaWIBXCOiyt+LvOAjsYM2BvnEGUaEUmt37C44IBoIHsADReNkexpE7I3djRTA6DAKIgApBHRAsdkduxMVqnX08/SvtJM4sTjt68XfF7v40OLNePoIANU8SUMS7Ru26NCifU2xB2IB98OcfLMkVbTIKkmSmnLTQzbXNcTJprw3FjWeiWfMrNR0JZX7m31NGcps34dZvgW7437m8uiAxcWVOv5rS5URHjrZaVqjZiNIcXKlJknSImuqKF0CFPJ4ch5PR75ENrj/rBPq9cJGT0wbNgbbxqA36mUr19nuRD2sQbVl3SocphPBImMdGSk/0gsSs+14xerLRnIu3LcpAfOBinYxY1drZoRGA3TDCQEwUv+1k1vuYdMKMwzofiQLYx8oCLRflruIhucSaIuSl1FcSXjKMM2F7EWOosxJfEk25DwSkmwkKn1r2mnG9UbUlv3G/YDRkOqlaO4T2nuReQ4HncSxV6dD7T6hEjvtZxUoqY19CzS0SYS+x+fuW+gX6BP023TL46LmewNvgVJhcQl3ctI5n3VOeK/v8jezrk2Jf7ObcedZ1oE+Knom1oggUTf5gat5m9jN7W74n9IM1EmdwvmwEIoVBDQkgX5IRwnvqqub5weCHqwZCtb+PnZz7tyucIoOkl/5JuroEAke2pFzcmfOzM15i3sL/e7N89y7bzi+ccB+Q1X531v5Wyv7Loj6qI/AnGx/TZoZgzxj+zmvLXOjHSO6WrRozETEbKLtF/OuYOSpVCs1Fczcn+9/cdQJOlzaUqFZn3sgiHzsCXEpUOOUBJKmKZNmJ6lhqvNbAKIPFmmeVPJRli85Is2ThcnypEck+bJXEgDlNRShQIAZtREaxFGEt4upq+BFzXAa60UaTxrPr6DMh0YoVmEzGIGsAmHOox0UbBVY0VAHZN2GqBl9m4D7nCUxgan67sJtgVc5kfGPU74FGaq1k/QRjStAcXN6qkO59Isx/adT+h/ZAre6ksySogiPxpn2whd5Za7GmJRO/bwjMSxxh35p/qgUMLUdvZ3QTgeYD7U3BMOOzdsVewUjDs0jitfYG4IRWc8ICwk86LWnyjvJS2HMVxjEX5js5WXI9zImv/tY3w/5Hvrh98N1vyuM3qBklAykMKJkuCFjUnhbgeuc+8FJwfnBCVigIhQgZE98KD7OT/JDMbTEyPzIpMj7QFVtgeoFhRMDmhcWTLTr7Y/VARUKkkHAOzf/Eza94+G9/dzB82eHEYVgaOCfvTuGJ7aSt8G2TpyFCsAoVM/H7QHZf8FmYFveNL8S0Ru4EbkrsneZzZ59qCVgetn7WHI7zLasqZkgXNAG5G49bpntnr3ih02zT01YvPnWA6favn28jI88LO+TmfedZ358erWPMnjfDN/xiXgcAUb4QUjE4fHQALQ9gD3m0T5xIwQIGTwF//Pj/9rxsFGwhUy74+CDC1tLJcw0R5yJvNDMRaAR11pdvYDDPRrBLlh40C1OFjKqj2Y7Z+hGaXx70VG3b52He5KvBGAst8DzYcS+0U2D3CSULRYQwEovD0O8J9joOUUuT4ShmM7YGOGyehTKqShzI+PMGmZ3Fkw0rrLRJVLltIPqMGBomDTTqTPMaqncTqswDQ5ecsMUT/J2rwS5pwBLIU+0qk37CFlFheRwqEVYD3RrDvitilVUD4HgBovhnoGL2OpWFSYsNNCIDzcmUkEA1SLLb2IlJOvNSwprVmrjwrS4z5L0PknY2Iv9cEX9T1rd06+s8bp2wxOj1MUmXxUWHLzfX1cV9Z82SNVemPL9WeLMOcodFw8yG0SjF4TMAxt3Kw8gdVzQj+9asmYFGDo1y1e597+usaHhoeXFnt6kUFLivykRqCoNtUGfXX0yrVSqcfotk2q1UtlvJ41Uqj20TarRSJ1+GX4zFGjg6G0Bjho0YCgsp9zkce4ecUSEUayM+yROtDmZSWq40ectTSZ9lrvHxXncm6GGOkT1YC7FCq8nj45CVjC3rK/QAc2ltABZTid5toq+26fxrM1mFFP0JO0s1grt28AnWIgTDwqKGgs31bg4susG0lz1Tq4R2DKoU+tQSfbhe2nOOpnTJAzehuxsmut4YjfUOgpbf8KhzRQJYYA/d2iC3eX9ktQBtmukk0sE1oXoVrcyqT0laVcQPyLQPiA5qHIem3ZsR3zmJCS+DjJBvQ3Vimqvz9/nwPww+JlN06P2g/17psOSceiUGH5KYTQfpdOU/hsN7ftfEu6k+3/fdIcrc0xPr9Q53E+jmFwaSqRYn19CChBuiKbUCQvA8L2dNoAKs5treQMsO3koIKBYBc0AsOHBDw6+yc56ql5GOHg/CAeoSEf3dxcJbWNvxYurQ9QPF18f0T1+kLPXh3Nc1nwCTpvBpU//y5lAVlYVGX0qLWXAKqwDyUlWQT0E3IWW2m1YpkHL5GLWjlssFevFQVwu69DNAa6c7QR2RivLdZJqNbLKfNA7vFlfum/IEWHp+rs0ZfMtJjRGgC1RlZ0YvG3Hlr0lJfsGFYMnVGVLBOwxSI5Z6xdcnmpyiEyVJ8M9jCaT47cjIeV+S7GEtFT3DJhnpj66MjDVKwvulh5VZjlE3Eqf4eZF8esJ+wdnomSLIqPsoyJFOXBTGgHbI6NIWb6lRDgrz+f8/gpLe3eVLaN/37yyzdvafrvyKj7xq3mfK3gmfsZnXjX/UwY/1d3E7sRPZVtH09kdbFCTrWVUGe5xz+Nuufye3PkiwGeDheN2mSPiXHbjXMXrGne/ytA4ShxFrf/R4BX6gTd9m8/23WIiWs9L2zdv+c2G7rHhc3RN+18y4b3n9p8+vf+Wz8v9uqY5cPYYxQO3zj98vmkWs9TkUwxXFvH1YJWW6Obr1+OIs0sV1XDfmqiy1rJU31q4oip9aRTdw97DbpYFmv4jgW0epGiHFYOMHkqydKhP3iKt91/d5WkZNVp4L0uYUXw1SzIlmZvDiqJvxl1/vWKOe8QCr7DAA1Oqn//0EO4kh6fMPHul77OrWYcpMGaejohHJSgnbg0+Tzp0qstRcmKXink+pxY1fe6ZhcuXoHNtI4VarkuoMr6Etd6KX1fHqj9kn3MnKQ1uqwvXlwP/cZhWkJoZ336ttdG7RF6HnikrLJJNQ9V7FGlNyVY/aLk1NXlIpLdN4BjqhEksg000b2h+w3Axtr1uqNS2NtNch+YbN1PUqmgdUQdrNcz1LomkXSpHrUJw53z3EJulMTqlII0c4Ec1C4HQgehwKsh5gXDs65Xt6O1WBPLJfwaWBPrs5Ll/zt0RAnB4R6iPBygYfpL7Va/TLQAGZNaxqz1obdBT3sfAj0C8wSyCRMWGrC/LQd9DeDLe+4cCDyNQ/hFShPOir/n23o7Cw/Cjijw85AAbOLn7wk/bCTA0jEDHk9HQAO0KAVhHwNMuE2Ao2KgfQkEDU47jIcfUDeHJ64IB7UWMohcAVcIskpahsW3aOYJ2bOGaxuZh0Qh5GBoFOD7Kwn/Kq/rCx40TzJ3JLYuaNbNnb1tzNXHGSx6RtYGEo1MMW0b7gWo0Ptj9ZiaRFq+d33JedB6cg44AAh9tETwDlT/5hKtECUuxLl2gnTV7R++/xh14ckCY4Vhi8paxOlxnY1BWhoDRiUYhUVYmn9lZOTSqk8n3WGhsp39gC/gDUteHzZ6tWb8roMIu3/MaZLshKGahf2mJ/4JuhQqVdVubLuz6RJelj44SBAwBAU8Aync9quDvhcFhRAqGhjUhRD6DTwxREfhMCvCdZ+xsbek/8exxJr6JzE7wM4kfFo+fEuYJjd6xMkHg5VfScxaiUx3c9xsG7HPfaTCizHJT7Wk4dsadhc58Qa551/iuKadqfrwEBCTN1e74aaMc/K6BznnX9K6xmvw8E+3OOnbG4Km+UdXteGWy/uNRM2njlmEPyYtTpc++niwTv/QY2tB3jw8vz7maMx5lnW6NskDhz9VUqIcTZHNvxHnmHT/jxnIQ1JfXy0PGztKE10VuLyxqYQoYXWt6rExrz9psicJsKcjf6ueTkqkIQgakeHqmBHwvcIXvUZq62jAwZ/0oY3AVg7FVg4zTc14PIQgIo2TWgMM8HGL3qmU1ONytxnTWFpwHfnALL42Kez18z9XM/oAfjoxi1AKeR2rgcCuRhzyuhcO7TNS5cNE7GVd56ZK1fIf9Dbqk7C3f9crSzoVHRkV06Uor2RmdDGt6VicTKKrqOhmdz54rOBOKq2h1IZer2YPfo6lKLQzwB00rDMoNDMwNKnwfENhwTv/+NRi1XF2Y4m309DR6p4wFLNhwTj/2etHYlk6mtbBAkaAsLO5sFZgA721xQnq6GOA6rjzDN22jMeWbcTvSyrQ05UzcBm07sjTPjj4mk09guSY91j3G1TXGPXZwwYIN5/SDr5dPVna5Th4rUsdalYG8zVkem57sEuUSqXeOdt0ZENj1uUYl+/CzrtdesGAiiiqP2Qs8LtSc+XwjLBhUauRcd+0U29hm6PxgwuDfjfs35vz7mAzkiREwe2ev578Mvw494pkUMZKwDLU4TLJKoSYyxjcoxs0xvmHNRcObl14BSzaschHpo9LdtZMXfP7meep0bkdnbV23Ibnr8iaHtqKCZTR1Y2jjclpxwQ6Yp53ekYgTR0uinwPeJCZGS6Okk26C6YfnTouNOwckuZNapsfGBzf/H3oNuPR7uMXEuHkUTHjLPZh0LLt72Lwt7H72Fgq6l8CKL4qAM6DRnDcLvqYiELZYdeSS7eeeI20pVAiB+npj29o5zjwYVl7xp803n3+xSeZBNsivN0eWzHbhNWIRcBwjoGLtyI1nKCpEodA/Pz93cEmGHCIzAsslffMZktYjFNoXxBvJom2ec6SQwc8IUjxHTQY4tT7BQRSGIBQOmOOWf1kFrLcirWgSJSIC6tOa7qZ8rw7UwlIoNUtMixebJGbpmPmfHdhw3rnUPAb8qaYC7sjhPz+eBZ/78efWSPBXdeAtT6PkGOz/vrdZQq02xjAdcefR3one3Tv9fllPxq9LWAem8Y2T79z1En6M3vQ+uvxuPD3e4Yii/HKUnyBK4ucO/B68FbeJt9WIxzesjUvocnXKvziaRHdaEKbevu6YGPhlEsXH1m+Xhy1YPlIYCn0onjr8KNj1N5ADh2M8bab2nDZLaxrvzeo915vZC7yEXBZ/CdvG12atPUfuBEg1UT7rQW/CsWI90N4E2nKE8eKI0xFdFSAi6icjkRnUfwB1IKqbE8bWyIt7COJbIOMIx0qykEFXkZYh8UiAoHLWZq+9KxjZ06KQ6wDVvnPT8NRGWuNwbaMTzoBz6vXVNG0ytYk2yqQJ4c5YNVzbYerI6UjtcI6TQVwQxKU3vPSPdv7x3WO14YyeFgTQ8I5hUIGOPn5GUSn9iMjNqFbTJNMrOJeePjneKXtUwvh/qaSGpfwCn6z0DK+wb383tVrNgnPDKYu95vpuUn6Ov2bksk0l9aAGZ44wlcyw8qfs36bVU7O10Wn1a1Jrg9AG3AbkWCpPWVcSYXSWf9qUTbe1tNa4xfg3Z7TsW8G+l1Cl0al1crZRaqb+KTdyx9vrkla3ba8DjHqL1rqpOydCclZX9p05ft+HWqrlgUDVkgf3OuKw6vlQBfdf2mrm9djrkCNqkcNapJZVS+XEYx/ZIBfnD0shckZnXQ1L/QlYTQs2jvNXLJZNG/l/ix/7fvEL1XjuY46Q32ylrinO0/t8n2hrnys7q/D2Drt825fAt5/hTX98YVHj/pNk9ewR7/89Eqp+M6Iamv94d2xaj+7niVOfPmpl+HUw9o6A/xuxurpvFen7kto/LtBHA/pU0MQbDsN+l3fz3Ld5M/9rdSde+Fuv2Npm972sLuyvNa/ESo7KI7NPH56S4Ej4Tfl14N9XxpJ5+PjpaZJxR/yeuohJPLLFFD55ge4uHnOIUjHm4lMn5lOEZp8/ShomohA6BsjPwiYmSMvOmCSeEzFFWq4B3W1jDun5E3NJK9yYT3uRr74o+cVtar5nClxm+TJD4V21Hgz80SbqJ2ux1A9Ktnv+5X7AfTI1fZxY9IMd9+eqMsz0UwhVVvW+yb7PXxtb67O29zUXYWpCaD8/PFRSw9PCNytfeqbAZZYvu6Oj8K6aPvT/+hP1k7VY6tWljo/+l/sBJFvc+fQxCfxgLnGJlfmHmX4KzqqySHpHmq3+vbXYhrzPWtmq2eXD1GR47ecHP12VyqY16M0bCuPpuFRqrQ8TllACRCUa0YlBTGIR+0cw+Dff+EtiCBvZUDgSjcUTyVQ6k83lC8VSuVKt1RvNVrvT7fUHw9F4Mp3NF8vVerPdEcoLoiQrqqYbpmU7rucHYRQnaZYXZVU3bdeDWq4kjsY7XYLcIh5BN7JOk+cNrtTGerosj4g1eDQo514HcoYFC97t5Nq612ZwlrKK0yl0GklGr6YUcunSSynosF3C6XwvbQ5sR3ZrqQuvLqeiJQoje6NsDXKCvTfCPGnkUtl0FC9JG3ZAbJ+ztD+Y0mGNWKmRgw8XU29n5AWcdiAXwFuFoV4qydltWaqDNJGeGZJ6Y/Q+y22C+BwVuwWuDf9Tb6PhNLC8kIbXyfiwZml7zk5GbimWnFKIHQilFLqEOhkNuf+EjtPIpQQkkGMxty/BXu+8JE2xuOR7t5LR/EUxWNc1LmoAbRLm5N5wpBHCnh9OJS6PZqJKDPntknxhhBcF281P8h8ZOqpZS8U5PCSuKPKYSQrDadSiCrA1D8quKBTVoELOCgSDojRyAeSKOqCJLXTgZE6FzZDbHr6GlvBcjTggXdqW8tzc92VUiCsiXoADVCLNVJsGl2lR0Em9T0/qhKUVHTCKTwfjpSDYrifZgAgHC7iRQ3U8Mv3khgXzGPCZZq8G7LiSDJMYmJsz4jRgBoaBxEQlsIjSpELdHCqOOteQTw5JFZsO38ktrEGLKlibXulpGU5Qex2obVDcaanz9yw4HF1rsbarOUfOnKdT73OV13jwMojfNNDGEh4iIGspCZXFaTfd6KA53bZ3tTzqAW/1dZqodERAiYG3aJLvVjvK88cOTRp2OmfSTwlNuJ1Sz/Z8tVVLiyzbaXsIijcslAaDQ2EowQOtsGxHX40VAAAA') format('woff2'),
       url('iconfont.woff?t=1686985621079') format('woff'),
       url('iconfont.ttf?t=1686985621079') format('truetype'),
       url('iconfont.svg?t=1686985621079#iconfont-1') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont-1 {
  font-family: "iconfont-1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont-1"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont-1" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhongdianxiangmu"></span>
            <div class="name">
              重点项目
            </div>
            <div class="code-name">.ghzs-gray-zhongdianxiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-3"></span>
            <div class="name">
              3
            </div>
            <div class="code-name">.ghzs-gray-a-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-11"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.ghzs-gray-a-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-2"></span>
            <div class="name">
              2
            </div>
            <div class="code-name">.ghzs-gray-a-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dongjiezhidangqianhanglie"></span>
            <div class="name">
              冻结至当前行列
            </div>
            <div class="code-name">.ghzs-gray-dongjiezhidangqianhanglie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-quxiaodongjie"></span>
            <div class="name">
              取消冻结
            </div>
            <div class="code-name">.ghzs-gray-quxiaodongjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dongjiezhidangqianhang"></span>
            <div class="name">
              冻结至当前行
            </div>
            <div class="code-name">.ghzs-gray-dongjiezhidangqianhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dongjiezhidangqianlie"></span>
            <div class="name">
              冻结至当前列
            </div>
            <div class="code-name">.ghzs-gray-dongjiezhidangqianlie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-jieduan"></span>
            <div class="name">
              截断
            </div>
            <div class="code-name">.ghzs-gray-jieduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-youduiqi"></span>
            <div class="name">
              右对齐
            </div>
            <div class="code-name">.ghzs-gray-youduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dingbuduiqi"></span>
            <div class="name">
              顶部对齐
            </div>
            <div class="code-name">.ghzs-gray-dingbuduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dibuduiqi"></span>
            <div class="name">
              底部对齐
            </div>
            <div class="code-name">.ghzs-gray-dibuduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-juzhongduiqi1"></span>
            <div class="name">
              居中对齐
            </div>
            <div class="code-name">.ghzs-gray-juzhongduiqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-yichu"></span>
            <div class="name">
              溢出
            </div>
            <div class="code-name">.ghzs-gray-yichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhongjianduiqi"></span>
            <div class="name">
              中间对齐
            </div>
            <div class="code-name">.ghzs-gray-zhongjianduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zidonghuanhang"></span>
            <div class="name">
              自动换行
            </div>
            <div class="code-name">.ghzs-gray-zidonghuanhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zuoduiqi"></span>
            <div class="name">
              左对齐
            </div>
            <div class="code-name">.ghzs-gray-zuoduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-ziti"></span>
            <div class="name">
              字体
            </div>
            <div class="code-name">.ghzs-gray-ziti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-duanla"></span>
            <div class="name">
              段落
            </div>
            <div class="code-name">.ghzs-gray-duanla
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-shezhimulujibie"></span>
            <div class="name">
              设置目录级别
            </div>
            <div class="code-name">.ghzs-gray-shezhimulujibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xuanzexingniantie"></span>
            <div class="name">
              选择性粘贴
            </div>
            <div class="code-name">.ghzs-gray-xuanzexingniantie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-charufuben"></span>
            <div class="name">
              icon-kfckfc
            </div>
            <div class="code-name">.ghzs-gray-charufuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-ladingming"></span>
            <div class="name">
              拉丁名
            </div>
            <div class="code-name">.ghzs-gray-ladingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-huanjingrongliangfenxi"></span>
            <div class="name">
              环境容量分析
            </div>
            <div class="code-name">.ghzs-gray-huanjingrongliangfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-he_16zhengjianbianhaoguanli"></span>
            <div class="name">
              合_16证件编号管理
            </div>
            <div class="code-name">.ghzs-gray-he_16zhengjianbianhaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-la"></span>
            <div class="name">
              latin
            </div>
            <div class="code-name">.ghzs-gray-la
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-wenbenyulan"></span>
            <div class="name">
              文本预览
            </div>
            <div class="code-name">.ghzs-gray-wenbenyulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-shengtaixiaoyi1"></span>
            <div class="name">
              生态效益
            </div>
            <div class="code-name">.ghzs-gray-shengtaixiaoyi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhankaiquanbujiedian"></span>
            <div class="name">
              展开全部节点
            </div>
            <div class="code-name">.ghzs-gray-zhankaiquanbujiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhediequanbujiedian"></span>
            <div class="name">
              折叠全部节点
            </div>
            <div class="code-name">.ghzs-gray-zhediequanbujiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dagangtubiaofuzhuzhishi"></span>
            <div class="name">
              大纲图标辅助指示
            </div>
            <div class="code-name">.ghzs-gray-dagangtubiaofuzhuzhishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-jizhudagangmianbanzhuangtai"></span>
            <div class="name">
              记住大纲面板状态
            </div>
            <div class="code-name">.ghzs-gray-jizhudagangmianbanzhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dagangliandong"></span>
            <div class="name">
              大纲联动
            </div>
            <div class="code-name">.ghzs-gray-dagangliandong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-fuhao"></span>
            <div class="name">
              符号
            </div>
            <div class="code-name">.ghzs-gray-fuhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-daochuexcel"></span>
            <div class="name">
              导出excel
            </div>
            <div class="code-name">.ghzs-gray-daochuexcel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-biankuang"></span>
            <div class="name">
              边框
            </div>
            <div class="code-name">.ghzs-gray-biankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-111"></span>
            <div class="name">
              111
            </div>
            <div class="code-name">.ghzs-gray-a-111
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.ghzs-gray-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.ghzs-gray-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-chexiao"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.ghzs-gray-chexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-duiqi"></span>
            <div class="name">
              对齐
            </div>
            <div class="code-name">.ghzs-gray-duiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-geshishua"></span>
            <div class="name">
              格式刷
            </div>
            <div class="code-name">.ghzs-gray-geshishua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-jiacu"></span>
            <div class="name">
              加粗
            </div>
            <div class="code-name">.ghzs-gray-jiacu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-wenbenbeijingtianchong"></span>
            <div class="name">
              文本背景填充
            </div>
            <div class="code-name">.ghzs-gray-wenbenbeijingtianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-jianqie"></span>
            <div class="name">
              剪切
            </div>
            <div class="code-name">.ghzs-gray-jianqie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-wanyuan"></span>
            <div class="name">
              万元
            </div>
            <div class="code-name">.ghzs-gray-wanyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-shangyiyiji"></span>
            <div class="name">
              上移一级
            </div>
            <div class="code-name">.ghzs-gray-shangyiyiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-tihuan"></span>
            <div class="name">
              替换
            </div>
            <div class="code-name">.ghzs-gray-tihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-daochuword"></span>
            <div class="name">
              导出word
            </div>
            <div class="code-name">.ghzs-gray-daochuword
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.ghzs-gray-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xieti1"></span>
            <div class="name">
              斜体
            </div>
            <div class="code-name">.ghzs-gray-xieti1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-wenben1"></span>
            <div class="name">
              文本
            </div>
            <div class="code-name">.ghzs-gray-wenben1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xiangpica"></span>
            <div class="name">
              橡皮擦
            </div>
            <div class="code-name">.ghzs-gray-xiangpica
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xiayiyiji"></span>
            <div class="name">
              下移一级
            </div>
            <div class="code-name">.ghzs-gray-xiayiyiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-niantie"></span>
            <div class="name">
              粘贴
            </div>
            <div class="code-name">.ghzs-gray-niantie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhongzuo"></span>
            <div class="name">
              重做
            </div>
            <div class="code-name">.ghzs-gray-zhongzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.ghzs-gray-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhongmingming"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.ghzs-gray-zhongmingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xinzengzijiedian"></span>
            <div class="name">
              新增子节点
            </div>
            <div class="code-name">.ghzs-gray-xinzengzijiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xinzengtongjijiedian"></span>
            <div class="name">
              新增同级节点
            </div>
            <div class="code-name">.ghzs-gray-xinzengtongjijiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-shengtaixiaoyi"></span>
            <div class="name">
              生态效益
            </div>
            <div class="code-name">.ghzs-gray-shengtaixiaoyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-fujian"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.ghzs-gray-fujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-shebei"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.ghzs-gray-shebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-wenben"></span>
            <div class="name">
              文本
            </div>
            <div class="code-name">.ghzs-gray-wenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-sheshi"></span>
            <div class="name">
              设施
            </div>
            <div class="code-name">.ghzs-gray-sheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhiding"></span>
            <div class="name">
              置顶
            </div>
            <div class="code-name">.ghzs-gray-zhiding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zhidi"></span>
            <div class="name">
              置底
            </div>
            <div class="code-name">.ghzs-gray-zhidi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-guanbi1"></span>
            <div class="name">
              关闭1
            </div>
            <div class="code-name">.ghzs-gray-guanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-jiahao"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.ghzs-gray-jiahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-jiahao1"></span>
            <div class="name">
              加号1
            </div>
            <div class="code-name">.ghzs-gray-jiahao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xuanze"></span>
            <div class="name">
              选择
            </div>
            <div class="code-name">.ghzs-gray-xuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-biaoxingfill"></span>
            <div class="name">
              标星-fill
            </div>
            <div class="code-name">.ghzs-gray-biaoxingfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-biaoxing"></span>
            <div class="name">
              标星
            </div>
            <div class="code-name">.ghzs-gray-biaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-chexiao1"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.ghzs-gray-chexiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-qiapianxingshi"></span>
            <div class="name">
              卡片形式
            </div>
            <div class="code-name">.ghzs-gray-qiapianxingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-liebiaoxingshi"></span>
            <div class="name">
              列表形式
            </div>
            <div class="code-name">.ghzs-gray-liebiaoxingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dingbu"></span>
            <div class="name">
              顶部
            </div>
            <div class="code-name">.ghzs-gray-dingbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xiangxia2"></span>
            <div class="name">
              向下2
            </div>
            <div class="code-name">.ghzs-gray-xiangxia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xiangxia3"></span>
            <div class="name">
              向下3
            </div>
            <div class="code-name">.ghzs-gray-xiangxia3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xiangxia5"></span>
            <div class="name">
              向下5
            </div>
            <div class="code-name">.ghzs-gray-xiangxia5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.ghzs-gray-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-highlight"></span>
            <div class="name">
              亮点
            </div>
            <div class="code-name">.ghzs-gray-highlight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xiala"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.ghzs-gray-xiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.ghzs-gray-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-wenjianshezhi"></span>
            <div class="name">
              文件摄制
            </div>
            <div class="code-name">.ghzs-gray-wenjianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-guihuawenjian"></span>
            <div class="name">
              规划文件
            </div>
            <div class="code-name">.ghzs-gray-guihuawenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-1"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.ghzs-gray-a-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-zitidise"></span>
            <div class="name">
              字体底色
            </div>
            <div class="code-name">.ghzs-gray-zitidise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-bianzu38"></span>
            <div class="name">
              编组 38
            </div>
            <div class="code-name">.ghzs-gray-a-bianzu38
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-mengbanzu2"></span>
            <div class="name">
              蒙版组 2
            </div>
            <div class="code-name">.ghzs-gray-a-mengbanzu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-zu113"></span>
            <div class="name">
              组 113
            </div>
            <div class="code-name">.ghzs-gray-a-zu113
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-a-mengbanzu1"></span>
            <div class="name">
              蒙版组 1
            </div>
            <div class="code-name">.ghzs-gray-a-mengbanzu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-juyouduiqi"></span>
            <div class="name">
              居右对齐
            </div>
            <div class="code-name">.ghzs-gray-juyouduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-juzhongduiqi"></span>
            <div class="name">
              居中对齐
            </div>
            <div class="code-name">.ghzs-gray-juzhongduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-juzuoduiqi"></span>
            <div class="name">
              居左对齐
            </div>
            <div class="code-name">.ghzs-gray-juzuoduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-xieti"></span>
            <div class="name">
              斜体
            </div>
            <div class="code-name">.ghzs-gray-xieti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-liangduanduiqi"></span>
            <div class="name">
              两端对齐
            </div>
            <div class="code-name">.ghzs-gray-liangduanduiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont-1 ghzs-gray-dagangtubiao"></span>
            <div class="name">
              大纲图标
            </div>
            <div class="code-name">.ghzs-gray-dagangtubiao
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont-1 ghzs-gray-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont-1" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhongdianxiangmu"></use>
                </svg>
                <div class="name">重点项目</div>
                <div class="code-name">#ghzs-gray-zhongdianxiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-3"></use>
                </svg>
                <div class="name">3</div>
                <div class="code-name">#ghzs-gray-a-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-11"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#ghzs-gray-a-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-2"></use>
                </svg>
                <div class="name">2</div>
                <div class="code-name">#ghzs-gray-a-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dongjiezhidangqianhanglie"></use>
                </svg>
                <div class="name">冻结至当前行列</div>
                <div class="code-name">#ghzs-gray-dongjiezhidangqianhanglie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-quxiaodongjie"></use>
                </svg>
                <div class="name">取消冻结</div>
                <div class="code-name">#ghzs-gray-quxiaodongjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dongjiezhidangqianhang"></use>
                </svg>
                <div class="name">冻结至当前行</div>
                <div class="code-name">#ghzs-gray-dongjiezhidangqianhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dongjiezhidangqianlie"></use>
                </svg>
                <div class="name">冻结至当前列</div>
                <div class="code-name">#ghzs-gray-dongjiezhidangqianlie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-jieduan"></use>
                </svg>
                <div class="name">截断</div>
                <div class="code-name">#ghzs-gray-jieduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-youduiqi"></use>
                </svg>
                <div class="name">右对齐</div>
                <div class="code-name">#ghzs-gray-youduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dingbuduiqi"></use>
                </svg>
                <div class="name">顶部对齐</div>
                <div class="code-name">#ghzs-gray-dingbuduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dibuduiqi"></use>
                </svg>
                <div class="name">底部对齐</div>
                <div class="code-name">#ghzs-gray-dibuduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-juzhongduiqi1"></use>
                </svg>
                <div class="name">居中对齐</div>
                <div class="code-name">#ghzs-gray-juzhongduiqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-yichu"></use>
                </svg>
                <div class="name">溢出</div>
                <div class="code-name">#ghzs-gray-yichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhongjianduiqi"></use>
                </svg>
                <div class="name">中间对齐</div>
                <div class="code-name">#ghzs-gray-zhongjianduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zidonghuanhang"></use>
                </svg>
                <div class="name">自动换行</div>
                <div class="code-name">#ghzs-gray-zidonghuanhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zuoduiqi"></use>
                </svg>
                <div class="name">左对齐</div>
                <div class="code-name">#ghzs-gray-zuoduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-ziti"></use>
                </svg>
                <div class="name">字体</div>
                <div class="code-name">#ghzs-gray-ziti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-duanla"></use>
                </svg>
                <div class="name">段落</div>
                <div class="code-name">#ghzs-gray-duanla</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-shezhimulujibie"></use>
                </svg>
                <div class="name">设置目录级别</div>
                <div class="code-name">#ghzs-gray-shezhimulujibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xuanzexingniantie"></use>
                </svg>
                <div class="name">选择性粘贴</div>
                <div class="code-name">#ghzs-gray-xuanzexingniantie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-charufuben"></use>
                </svg>
                <div class="name">icon-kfckfc</div>
                <div class="code-name">#ghzs-gray-charufuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-ladingming"></use>
                </svg>
                <div class="name">拉丁名</div>
                <div class="code-name">#ghzs-gray-ladingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-huanjingrongliangfenxi"></use>
                </svg>
                <div class="name">环境容量分析</div>
                <div class="code-name">#ghzs-gray-huanjingrongliangfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-he_16zhengjianbianhaoguanli"></use>
                </svg>
                <div class="name">合_16证件编号管理</div>
                <div class="code-name">#ghzs-gray-he_16zhengjianbianhaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-la"></use>
                </svg>
                <div class="name">latin</div>
                <div class="code-name">#ghzs-gray-la</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-wenbenyulan"></use>
                </svg>
                <div class="name">文本预览</div>
                <div class="code-name">#ghzs-gray-wenbenyulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-shengtaixiaoyi1"></use>
                </svg>
                <div class="name">生态效益</div>
                <div class="code-name">#ghzs-gray-shengtaixiaoyi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhankaiquanbujiedian"></use>
                </svg>
                <div class="name">展开全部节点</div>
                <div class="code-name">#ghzs-gray-zhankaiquanbujiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhediequanbujiedian"></use>
                </svg>
                <div class="name">折叠全部节点</div>
                <div class="code-name">#ghzs-gray-zhediequanbujiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dagangtubiaofuzhuzhishi"></use>
                </svg>
                <div class="name">大纲图标辅助指示</div>
                <div class="code-name">#ghzs-gray-dagangtubiaofuzhuzhishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-jizhudagangmianbanzhuangtai"></use>
                </svg>
                <div class="name">记住大纲面板状态</div>
                <div class="code-name">#ghzs-gray-jizhudagangmianbanzhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dagangliandong"></use>
                </svg>
                <div class="name">大纲联动</div>
                <div class="code-name">#ghzs-gray-dagangliandong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-fuhao"></use>
                </svg>
                <div class="name">符号</div>
                <div class="code-name">#ghzs-gray-fuhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-daochuexcel"></use>
                </svg>
                <div class="name">导出excel</div>
                <div class="code-name">#ghzs-gray-daochuexcel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-biankuang"></use>
                </svg>
                <div class="name">边框</div>
                <div class="code-name">#ghzs-gray-biankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-111"></use>
                </svg>
                <div class="name">111</div>
                <div class="code-name">#ghzs-gray-a-111</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#ghzs-gray-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#ghzs-gray-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-chexiao"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#ghzs-gray-chexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-duiqi"></use>
                </svg>
                <div class="name">对齐</div>
                <div class="code-name">#ghzs-gray-duiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-geshishua"></use>
                </svg>
                <div class="name">格式刷</div>
                <div class="code-name">#ghzs-gray-geshishua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-jiacu"></use>
                </svg>
                <div class="name">加粗</div>
                <div class="code-name">#ghzs-gray-jiacu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-wenbenbeijingtianchong"></use>
                </svg>
                <div class="name">文本背景填充</div>
                <div class="code-name">#ghzs-gray-wenbenbeijingtianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-jianqie"></use>
                </svg>
                <div class="name">剪切</div>
                <div class="code-name">#ghzs-gray-jianqie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-wanyuan"></use>
                </svg>
                <div class="name">万元</div>
                <div class="code-name">#ghzs-gray-wanyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-shangyiyiji"></use>
                </svg>
                <div class="name">上移一级</div>
                <div class="code-name">#ghzs-gray-shangyiyiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-tihuan"></use>
                </svg>
                <div class="name">替换</div>
                <div class="code-name">#ghzs-gray-tihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-daochuword"></use>
                </svg>
                <div class="name">导出word</div>
                <div class="code-name">#ghzs-gray-daochuword</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#ghzs-gray-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xieti1"></use>
                </svg>
                <div class="name">斜体</div>
                <div class="code-name">#ghzs-gray-xieti1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-wenben1"></use>
                </svg>
                <div class="name">文本</div>
                <div class="code-name">#ghzs-gray-wenben1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xiangpica"></use>
                </svg>
                <div class="name">橡皮擦</div>
                <div class="code-name">#ghzs-gray-xiangpica</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xiayiyiji"></use>
                </svg>
                <div class="name">下移一级</div>
                <div class="code-name">#ghzs-gray-xiayiyiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-niantie"></use>
                </svg>
                <div class="name">粘贴</div>
                <div class="code-name">#ghzs-gray-niantie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhongzuo"></use>
                </svg>
                <div class="name">重做</div>
                <div class="code-name">#ghzs-gray-zhongzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#ghzs-gray-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhongmingming"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#ghzs-gray-zhongmingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xinzengzijiedian"></use>
                </svg>
                <div class="name">新增子节点</div>
                <div class="code-name">#ghzs-gray-xinzengzijiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xinzengtongjijiedian"></use>
                </svg>
                <div class="name">新增同级节点</div>
                <div class="code-name">#ghzs-gray-xinzengtongjijiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-shengtaixiaoyi"></use>
                </svg>
                <div class="name">生态效益</div>
                <div class="code-name">#ghzs-gray-shengtaixiaoyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-fujian"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#ghzs-gray-fujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-shebei"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#ghzs-gray-shebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-wenben"></use>
                </svg>
                <div class="name">文本</div>
                <div class="code-name">#ghzs-gray-wenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-sheshi"></use>
                </svg>
                <div class="name">设施</div>
                <div class="code-name">#ghzs-gray-sheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhiding"></use>
                </svg>
                <div class="name">置顶</div>
                <div class="code-name">#ghzs-gray-zhiding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zhidi"></use>
                </svg>
                <div class="name">置底</div>
                <div class="code-name">#ghzs-gray-zhidi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-guanbi1"></use>
                </svg>
                <div class="name">关闭1</div>
                <div class="code-name">#ghzs-gray-guanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-jiahao"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#ghzs-gray-jiahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-jiahao1"></use>
                </svg>
                <div class="name">加号1</div>
                <div class="code-name">#ghzs-gray-jiahao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xuanze"></use>
                </svg>
                <div class="name">选择</div>
                <div class="code-name">#ghzs-gray-xuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-biaoxingfill"></use>
                </svg>
                <div class="name">标星-fill</div>
                <div class="code-name">#ghzs-gray-biaoxingfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-biaoxing"></use>
                </svg>
                <div class="name">标星</div>
                <div class="code-name">#ghzs-gray-biaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-chexiao1"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#ghzs-gray-chexiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-qiapianxingshi"></use>
                </svg>
                <div class="name">卡片形式</div>
                <div class="code-name">#ghzs-gray-qiapianxingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-liebiaoxingshi"></use>
                </svg>
                <div class="name">列表形式</div>
                <div class="code-name">#ghzs-gray-liebiaoxingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dingbu"></use>
                </svg>
                <div class="name">顶部</div>
                <div class="code-name">#ghzs-gray-dingbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xiangxia2"></use>
                </svg>
                <div class="name">向下2</div>
                <div class="code-name">#ghzs-gray-xiangxia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xiangxia3"></use>
                </svg>
                <div class="name">向下3</div>
                <div class="code-name">#ghzs-gray-xiangxia3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xiangxia5"></use>
                </svg>
                <div class="name">向下5</div>
                <div class="code-name">#ghzs-gray-xiangxia5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#ghzs-gray-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-highlight"></use>
                </svg>
                <div class="name">亮点</div>
                <div class="code-name">#ghzs-gray-highlight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xiala"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#ghzs-gray-xiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#ghzs-gray-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-wenjianshezhi"></use>
                </svg>
                <div class="name">文件摄制</div>
                <div class="code-name">#ghzs-gray-wenjianshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-guihuawenjian"></use>
                </svg>
                <div class="name">规划文件</div>
                <div class="code-name">#ghzs-gray-guihuawenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-1"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#ghzs-gray-a-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-zitidise"></use>
                </svg>
                <div class="name">字体底色</div>
                <div class="code-name">#ghzs-gray-zitidise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-bianzu38"></use>
                </svg>
                <div class="name">编组 38</div>
                <div class="code-name">#ghzs-gray-a-bianzu38</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-mengbanzu2"></use>
                </svg>
                <div class="name">蒙版组 2</div>
                <div class="code-name">#ghzs-gray-a-mengbanzu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-zu113"></use>
                </svg>
                <div class="name">组 113</div>
                <div class="code-name">#ghzs-gray-a-zu113</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-a-mengbanzu1"></use>
                </svg>
                <div class="name">蒙版组 1</div>
                <div class="code-name">#ghzs-gray-a-mengbanzu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-juyouduiqi"></use>
                </svg>
                <div class="name">居右对齐</div>
                <div class="code-name">#ghzs-gray-juyouduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-juzhongduiqi"></use>
                </svg>
                <div class="name">居中对齐</div>
                <div class="code-name">#ghzs-gray-juzhongduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-juzuoduiqi"></use>
                </svg>
                <div class="name">居左对齐</div>
                <div class="code-name">#ghzs-gray-juzuoduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-xieti"></use>
                </svg>
                <div class="name">斜体</div>
                <div class="code-name">#ghzs-gray-xieti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-liangduanduiqi"></use>
                </svg>
                <div class="name">两端对齐</div>
                <div class="code-name">#ghzs-gray-liangduanduiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ghzs-gray-dagangtubiao"></use>
                </svg>
                <div class="name">大纲图标</div>
                <div class="code-name">#ghzs-gray-dagangtubiao</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
